﻿<DOCTYPE html />
<html lang="vi">
<head>
	<title>Html5 Calendar</title>
	<link rel="stylesheet" type="text/css" href="Styles/styles.css" />
	<script type="text/javascript" src="Scripts/calendar.js"></script>
</head>

<body>

	<div id="container">
		<div id="date-cur"></div>
		<ol id="days">
			<li>Mon</li><li>Tue</li><li>Wed</li><li>Thu</li><li>Fri</li><li>Sat</li><li>Sun</li>
		</ol>
		<div class="clear"></div>
		<ol id="calendar"></ol>
		<div class="clear"></div>
	</div>

	<div id="footer">
		Sử dụng các nút back/forward của trình duyệt để thay đổi ngày.<br />
		Click vào <span class="add-event">+</span> để tạo sự kiện cho ngày, click vào sự kiện để điều chỉnh hoặc xóa.
	</div>
	<a id="add-event" href="javascript:void(0)">+</a>

	<div id="new-event" href="javascript:void(0)">
		<textarea id="event-txt"></textarea>
		<div id="event-bar">
			<button id="delete-event">Delete</button>
			<button id="create-event">Create event</button> |
			<a id="cancel-event" href="javascript:void(0)">Cancel</a>
		</div>
	</div>
</body>
</html>
